<template>
    <el-container>
        <el-header style="height: 130px">
          <div class="title"><span>行为决策实验平台</span></div>
          <headT></headT>
      </el-header>

      <el-main>
        <timeT></timeT>
        <kuangjia></kuangjia>
        <div class="choice">
            <div class="text"><span>请您决定是否查看本轮本轮您的个人资产组合收益情况?</span></div>
        </div>
        <el-button class="yes" @click="toYes">是</el-button>
        <el-button class="no" @click="toNo">否</el-button>
      </el-main>
      <footerT></footerT>
    </el-container>
</template>

<script>
import {earnings, getStart1} from "@/api/usingTime";
import kuangjia from '@/components/kuangjia.vue'
import timeT from '@/components/time.vue'
import footerT from '@/components/footer.vue'
import headT from '@/components/headT.vue'

export default{
  data() {
    return{
      timeEarnings: {
        stage_id: 0,
        round_id: 0,
        user_id: 0,
      },
    }
  },
  components:{
      kuangjia,
      timeT,
      footerT,
      headT
  },
  methods:{
      toYes(){
        getStart1().then(res => {
          console.log(res)
        })
        this.$router.push('/show')
      },
      toNo(){
        // this.timeEarnings.stage_id = this.$cookies.get('stageId') == null ? 1 : parseInt(this.$cookies.get('stageId'))
        // this.timeEarnings.round_id = this.$cookies.get('roundId') == null ? 1 : parseInt(this.$cookies.get('roundId'))
        // this.timeEarnings.user_id = parseInt( this.$cookies.get('userId') )
        // earnings(this.timeEarnings).then(res => {
        //   console.log(res)
        // })
          this.$router.push('/choice')
      }
  }
}

</script>

<style scoped>
.el-header{
      padding: 0;
  }

  .title{
      height: 100px;
      color: aliceblue;
      text-align: center;
      line-height: 100px;
      font-size: 50px;
      font-weight: 800;
      background-image: linear-gradient(
        DodgerBlue,
        DeepSkyBlue
      );
    }

    .round{
      height: 29px;
      box-sizing: content-box;
      border-bottom: 2px solid #dcdcdc;
      padding-left: 150px;
      line-height: 29px;
      font-size: 10px;
      font-weight: 600;
    }

    .el-main {
      /* background-color: #E9EEF3; */
      background-color: aliceblue;
      color: #333;
      text-align: center;
      height: 560px;
    }

    .choice{
        width: 1100px;
        padding-top: 50px;
        height: 100px;
        margin: 0 auto;
    }

    .text{
        color: #333;
        font-size: 30px;
        font-weight: 800;
    }

    button{
        width: 200px;
        height: 40px;
        color: #333;
        font-size: 20px;
        font-weight: 700;
        border: none;
        border-radius: 10px;
        margin-right: 40px;
        background-color: #0099FC;
    }

    .yes:hover{
        background-color:LightSkyBlue;
        color: #333;
    }
    .no{
        background-color: #dcdcdc;
    }

    .no:hover{
        background-color: #F5F5F5;
        color: #333;
    }


</style>
